i,em{ font-style:normal;}
.hea{ height:180px; width:100%; background:url(images/h_top_bg.gif) repeat-x center top; overflow:hidden; z-index:99;}
.hea .header{ width:1400px; margin:0 auto;}
.hea .logo{ width:20.3%; height:180px; box-shadow:0 0 0.5rem #333; background:#202020; float:left;}
.hea .logo img{ display:block; width:137px; margin:0 auto; padding-top:15px;}
.hea1{ width:79.7%; float:right;}
.hea h3{ width:52.53%; float:left; height:81px; padding:30px 0 0 2%; font:30px "Microsoft YaHei UI"; color:#000; line-height:24px;}
.hea h3 em{ display:block; font-size:22px; margin-top:8px; color:#c6942e;}
.hea p{ width:17%; float:right; margin-top:28px; background:url(images/lx.png) no-repeat left top; padding-left:38px; font:24px Arial, Helvetica, sans-serif; font-weight:bold; color:#c6942e;}
.hea p em{ display:block; font-weight:normal; color:#000;}
.menu{ height:69px;}
.menu li{ float:left; font:16px "Microsoft YaHei UI";line-height:69px; position:relative;}
.menu li a{ display:block; color:#edcf81; position:relative; z-index:1; padding:0 35px; }
.menu li a:before{ content:""; position:absolute; top:25px; right:0; width:1px; height:14px; background:rgba(255,255,255,0.2);}
.menu li:before{content: "";position: absolute;width:0;height:69px;bottom:0;left:0;z-index:0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf8c21+1,fbef9d+100 */
background: rgb(191,140,33); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(191,140,33,1) 1%, rgba(251,239,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(191,140,33,1) 1%,rgba(251,239,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(191,140,33,1) 1%,rgba(251,239,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8c21', endColorstr='#fbef9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.menu li:last-child a:before{ background:none;}
.menu li.cur a,.menu li a:hover{ font-weight:bold; color:#000;}
.menu li.cur:before,.menu li:hover:before{width: 100%;}
@media (min-width: 1200px) and (max-width: 1680px) {
	.hea .header{ width:1200px;}
	.hea p{ width:22%;}
	.menu li a{padding:0 25px;}
}


.foot{ height:426px;background:#1c1c1c;}
.foot .footer{ width:1400px; margin:0 auto;}
.fnav{ height:100px; border:1px solid rgba(255,255,255,0.1); font:18px "Microsoft YaHei UI"; line-height:100px;}
.fnav p{ width:92.5%; float:left; height:100px;}
.fnav a{ display:block; float:left; overflow:hidden; color:#f6d786; padding:0 2.8%; position:relative;}
.fnav a:last-child{ padding-right:0;}
.fnav a:nth-child(1){ padding-left:0;}
.fnav a:before{ content:""; position:absolute; top:45px; right:0; width:1px; height:14px; background:rgba(255,255,255,0.2);}
.fnav a:hover{ text-decoration:underline; font-weight:bold;}
.fnav h5{ background:url(images/ftop.jpg) no-repeat center top; width:7.14%; height:117px; font:16px "Microsoft YaHei UI"; font-weight:bold; text-align:center; color:#000; line-height:150px; float:right; position:relative; margin-top:-17px;}
.fcode{ width:23.92%; height:324px;border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box;}
.fcode h2 img{ display:block; width:225px; height:85px; margin:35px 0 16px;}
.fcode p{ width:105px; float:left; margin-right:8px; font:14px "Microsoft YaHei UI"; line-height:35px; text-align:center; color:#7c7c7c;}
.fcode p img{ display:block; width:101px; height:101px; border:2px solid #fff; float:left;}

.fwz{ width:76.08%; float:left;}
.fwz1{ height:183px; padding:50px 0 0 5%;border-bottom:1px solid rgba(255,255,255,0.1); }
.fwz1 p{ width:28.8%; float:left; background:url(images/f1.png) no-repeat left 1px; padding-left:45px; font:14px "Microsoft YaHei UI"; line-height:38px; color:#fff; margin:0 0 30px 2%;}
.fwz1 p i{ display:inline-block; float:left;}
.fwz1 p:nth-child(2n){ width:48.25%; margin-left:0; float:right;}
.fwz1 p b{ font-size:24px; color:#7c7c7c;}
.fwz1 p:nth-child(2) b{ font-size:30px; color:#f6d786;}
.fwz1 p em{ font-size:18px; color:#7c7c7c;}
.fwz1 p:last-child i{ height:50px;}
.fwz1 p:last-child em{ font-size:14px; line-height:24px; display:inline-block;}
.fwz1 p:nth-child(2){background:url(images/f2.png) no-repeat left 1px;}
.fwz1 p:nth-child(3){background:url(images/f3.png) no-repeat left 1px;}
.fwz1 p:nth-child(4){background:url(images/f4.png) no-repeat left 1px;}
.foot1{ font:14px "Microsoft YaHei UI"; line-height:88px; color:#7c7c7c; padding-left:7%;}
.foot1 em{ padding:0 10px;}
.foot1 a{ color:#7c7c7c;}
.foot1 span{ float:right; display:block; width:60%; text-align:right;}
.foot1 a:hover{ font-weight:bold; color:#fff;}
@media (min-width: 1200px) and (max-width: 1680px) {
	.foot .footer{ width:1200px;}
}


        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #cca23d;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #cca23d;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }